@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1228px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_choose{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			border:1px solid #d62d31;
			margin:{
				left:r(69px);
				top:r(14px);
			}
			border-radius:5px;
			font-size:16px;
			line-height:r(60px);
			.choose_left{
				width:r(198px);
				height:100%;
				float:left;
				a{
					
					color:#d62d31;
					line-height:r(40px);
				}
				
			}
			.choose_right{
				width:r(198px);
				height:100%;
				float:right;
				background-color:#d62d31;
				a{
					color:#fff;
					line-height:r(40px);
				}
				
			}
		}
		.header_right{
			width:r(40px);
			height:r(40px);
			float:right;
			margin:{
				top:r(27px);
				right:r(26px);
			}
			img{
				height:100%;
			}
		}
	}
	.content{
		width:100%;
		height:100%;
		font-size:0;
		margin-top:r(87px);
		background-color:#fff;
		>img{
			width:100%;
		}
		>h4{
			color:#666666;
			font-size:r(26px);
			margin:r(20px) r(55px);
		}
		.supplier_btn{
			width:r(440px);
			height:r(80px);
			background-color:#d62d31;
			color:#fff;
			font-size:r(35px);
			text-align:center;
			line-height:r(80px);
			margin:r(30px) auto;
			border-radius:5px;
		}
	}
	.mask{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display:none;
		.mask_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: #f8f8f8;
			transform: translate(-50%,-50%);
			width:r(540px);
			height:r(695px);
			border-radius:20px;
			h4{
				font-size:r(35px);
				color:#333333;
				text-align:center;
				margin:{
					top:r(42px);
					bottom:r(53px);
				}
			}
			.input_apply{
				width:r(490px);
				height:r(60px);
				margin:0 auto;
				border:1px solid #e3e3e3;
				border-radius:5px;
				background:#fff;
				margin:{
					bottom:r(27px);
				}
				span{
					display:inline-block;
					width:r(150px);
					height:100%;
					font-size:r(26px);
					color:#333333;
					vertical-align:top;
					text-align:center;
					line-height:r(60px);
				}
				input{
					border:0;
					height:100%;
					vertical-align:top;
					padding-left:5px;
				}
				&:nth-of-type(4){
					height:r(130px);
					textarea{
						height:100%;
						width:100%;
						border:0;
						font-size:16px;
						padding-left:5px;
						resize:none;
					}
				}
			}
			.line{
				width:90%;
				margin:0 auto;
				border:1px solid #e3e3e3;
			}
			.button{
				width:r(365px);
				height:r(85px);
				background-color:#cc3333;
				border-radius:5px;
				text-align:center;
				line-height:r(85px);
				color:#fff;
				font-size:r(30px);
				display:block;
				margin:0 auto;
				margin-top:r(20px);
			}
		}
	}
	.mask_s{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		display: none;
		.ms_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: rgba(40,40,40,0.7);
			transform: translate(-50%,-50%);
			width:r(250px);
			height:r(185px);
			border-radius:15px;
			i{
				font-size:r(100px);
				color:#fff;
				text-align:center;
				display:block;
				margin-top:r(10px);
			}
			p{
				font-size:14px;
				text-align:center;
				color:#fff;
				margin-top:r(10px);
			}
		}
	}
	.mask_us{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		display: none;
		.mus_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: rgba(40,40,40,0.7);
			transform: translate(-50%,-50%);
			width:r(250px);
			height:r(185px);
			border-radius:15px;
			i{
				font-size:r(100px);
				color:#fff;
				text-align:center;
				display:block;
				margin-top:r(10px);
			}
			p{
				font-size:14px;
				text-align:center;
				color:#fff;
				margin-top:r(10px);
			}
		}
	}
}